

<template>
  <div class="app">
    <base-layout>
      <template #baseHeader>
        <my-logo></my-logo>
      </template>

      <template #baseFooter>
        <my-footer-content></my-footer-content>
      </template>

      <template #baseSiderbar>
        <my-sidebar></my-sidebar>
      </template>
      
      <template #default></template>
    </base-layout>
  </div>
</template>

<script>
import BaseLayout from './components/BaseLayout/index.vue'
import MyLogo from './components/MyLogo/index.vue'
import MyFooterContent from './components/MyFooterContent/index.vue'
import MySidebar from './components/MySidebar/index.vue'

export default {
  name: 'App',
  components: {
    BaseLayout,
    MyLogo,
    MyFooterContent,
    MySidebar
  }
}
</script>

<style>

</style>